<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/axios.min.js"></script>
    <script src="/js/query.js"></script>
    <script src="/menu/js/menu.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/body.css"/>
    <link rel="stylesheet" type="text/css" href="../css/menu.css"/>


    <style>
        a{
            color: black;
        }
        div{
            border: 1px solid #000;
        }
        /*#：id选择器   .：类选择器*/
        #mainDiv{
            width: 1000px;
            height: 800px;
            /*居中*/
            margin: auto;
        }
    </style>
</head>
<body>
<div id="mainDiv" >
    <div style="height: 30px">
        <h4 style="text-align: center;margin: 0px;font-size: 25px;color: black">宿舍管理系统</h4>
    </div>
    <div style="height: 766px;display: flex" >
        <div style="width: 150px;height: 765px" class="div1">
            <h4 style="margin: 0px;font-size: 20px;color: black">宿舍管理系统</h4>
            <nav id="n1" style="margin-top: 20px">
                <div onclick="check('id1')">资料管理</div>
                <div id="id1" style="display: none" class="d1"><a href="../student/stuManage.html" target="contentFrame">学生管理</a><br>
                    <a href="../class/classManage.html" target="contentFrame">班级管理</a><br></div>
            </nav>
        <nav id="n2">
            <div onclick="check('id2')">房间管理<br></div>
            <div id="id2" style="display: none" class="d1"><a href="../room/roomInfo.html" target="contentFrame">房间信息</a><br></div>
        </nav>
            <nav id="n3">
                <div onclick="check('id3')">系统管理<br></div>
            <div id="id3" style="display: none" class="d1"><a href="../users/userManage.html" target="contentFrame">用户管理</a><br></div>
            </nav>
            <nav id="n4">
                <div onclick="check('id4')" >
                    个人信息管理<br>
                </div>
            <div id="id4" style="display: none" class="d1"><a href="../users/update.html" >修改密码</a></div>
            </nav>
        </div>
        <iframe name="contentFrame" width="840" height="715">
        </iframe>
    </div>
</div>
</body>
</html>